<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--    <link rel="icon" href="http://192.168.1.108:5100/static/image/logo-title.png" type="image/x-icon">-->
    <meta name="HandheldFriendly" content="true">
    <title>交易详情</title>
    <link href="./css/public.css" rel="stylesheet">
    <link href="./css/all.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
<!--    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
    <script src="./js/axios.min.js"></script>
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <link href="./json-viewer/jquery.json-viewer.css" rel="stylesheet">
    <script src="./json-viewer/jquery.json-viewer.js"></script>
</head>
<body>
<div id="app" class="web-font">
    <div style="height: 100%;">
        <div element-loading-text="数据加载中..." element-loading-background="rgba(0, 0, 0, 0.8)" style="height: 100%;">
            <div>
                <div class="nav-header">
                    <div class="container">
                        <div class="logo">
                            <a href="./index.html"><img src="./pic/fisco-bcos-logo.3a5e45c.png" class="image" style="width: 170px;"></a>
                        </div>
<!--                        <div class="nav-menu" style="float: left;">-->
<!--                            <div class="nav-menu-item nav-item" style="display: inline-block; width: 160px; text-align: right;">-->
<!--                                <span>1</span>-->
<!--                                <div class="nav-chainType">-->

<!--                                </div>-->
<!--                                <ul class="select1">-->
<!--                                    <li style="cursor: default;">-->
<!--                                        <span class="name">1</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                                <i class="el-icon-caret-bottom icon-up icon">-->
<!--                                </i>-->
<!--                                <i class="el-icon-caret-top icon-down icon"></i>-->
<!--                            </div>-->
<!--                        </div>-->
                        <div class="nav-menu">
<!--                            <div class="nav-menu-item nav-item">配置-->
<!--                                <i class="el-icon-caret-bottom icon-up"></i>-->
<!--                                <i class="el-icon-caret-top icon-down"></i>-->
<!--                                <ul class="nav-menu-item-option">-->
<!--                                    <li class="option">群组配置</li>-->
<!--                                    <li class="option">节点配置</li>-->
<!--                                    <li class="option">合约配置</li>-->
<!--                                </ul>-->
<!--                            </div>-->
                            <div class="nav-menu-item nav-item">区块链信息
                                <i class="el-icon-caret-bottom icon-up"></i>
                                <i class="el-icon-caret-top icon-down"></i>
                                <ul class="nav-menu-item-option">
                                    <li class="option"><a href="./index.html">概览</a></li>
                                    <li class="option"><a href="./block_list.html">查看区块</a></li>
                                    <li class="option"><a href="transaction_list.html">查看交易</a></li>
                                </ul>
                            </div>
<!--                            <div class="nav-menu-item nav-item">帮助</div>-->
                        </div>
                    </div>
                </div>
            </div>
            <div style="padding-top: 20px;"></div>
            <div data-v-4415af24="" class="main">
                <div data-v-4415af24="" class="search-main padding-bottom-0">
                    <div data-v-4415af24="" class="container padding-bottom-0">
                        <div data-v-4415af24="" class="content-nav">
                            <div class="title">
                                交易 {{ transaction_detail.hash }}
                            </div>
                            <div class="content"><!---->
                                <a href="./index.html"><span class="table-link">概览</span> </a>
                                <a href="./transaction_list.html"><span class="table-link">/ 交易</span></a>
                                <span> / 交易信息</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-4415af24="" class="hash-content-info-tran">
                    <div data-v-4415af24="" class="container">
                        <div data-v-4415af24="" class="content">
                            <div data-v-4415af24="" class="el-tabs el-tabs--top">
                                <div class="el-tabs__header is-top">
                                    <div class="el-tabs__nav-wrap is-top">
                                        <div class="el-tabs__nav-scroll">
                                            <div role="tablist" class="el-tabs__nav is-top" style="transform: translateX(0px);">
                                                <div class="el-tabs__active-bar is-top" style="width: 71px; transform: translateX(0px);" id="id-div-one">

                                                </div>
                                                <div class="el-tabs__active-bar is-top" style="display:none;width: 71px; transform: translateX(120px);" id="id-div-two">

                                                </div>
                                                <div id="tab-first" aria-controls="pane-first" role="tab" aria-selected="true" tabindex="0" class="el-tabs__item is-top is-active" v-on:click="change_tab(1)">
                                                    交易信息
                                                </div>
                                                <div id="tab-second" aria-controls="pane-second" role="tab" tabindex="-1" class="el-tabs__item is-top" v-on:click="change_tab(2)">
                                                    交易回执信息
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="el-tabs__content">
                                    <div data-v-4415af24="" role="tabpanel" id="pane-first" aria-labelledby="tab-first" class="el-tab-pane">
                                        <div data-v-4415af24="" class="tranbox" id="id-div-detail" style="width: 91%;word-wrap:break-word;word-break:break-all;overflow: hidden;background: #d1dbe5">

                                        </div>
                                        <div class="tranbox" id="chain_data" style="margin:0 auto;width: 91%;word-wrap:break-word;word-break:break-all;overflow: hidden;background: #d1dbe5;color:#42b983">

                                        </div>
                                    </div>
                                    <div data-v-4415af24="" role="tabpanel" id="pane-second" aria-labelledby="tab-second" class="el-tab-pane" style="display: none">
                                        <div data-v-4415af24="" class="tranbox" id="id-div-transactionReceipt" style="width: 91%;word-wrap:break-word;word-break:break-all;overflow: hidden;background: #d1dbe5">

                                        </div>
                                        <div class="tranbox" id="receipt_data" style="margin:0 auto;width: 91%;word-wrap:break-word;word-break:break-all;overflow: hidden;background: #d1dbe5;color:#42b983">

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!---->
    </div>
</div>
<script src="./js/transaction_detail.js"></script>
</body>
</html>
